<%--
  Created by IntelliJ IDEA.
  User: 10171225
  Date: 2016/6/20
  Time: 11:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>"/>
    <title>页头</title>
    <link rel="stylesheet" href="static/css/base.css">
    <script src="static/javascript/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            function toggleMenu(tag) {
                $("#menu-top li").each(function () {
                    $(this).removeClass("current");
                });
                tag.parent("li").addClass("current");
            }

            $("#statistics").click(function () {
                toggleMenu($(this));
                $("#main").load("views/admin/statistics.jsp");
            });
            $("#editManage").click(function () {
                toggleMenu($(this));
                $("#main").load("views/admin/editManage.jsp");
            });
            $("#doubleColorBallManage").click(function () {
                toggleMenu($(this));
                $("#main").load("views/admin/doubleColorBallManage.jsp");
            });
            $("#articleManage").click(function () {
                toggleMenu($(this));
                $("#main").load("views/admin/articleManage.jsp");
            });
            $("#memberManage").click(function () {
                toggleMenu($(this));
                $("#main").load("views/admin/memberManage.jsp");
            });

            $("#statistics").click();
        });

    </script>
</head>
<body>
<div class="logo">
    <label>Logo</label>
</div>
<div class="menu-top-container">
    <ul id="menu-top">
        <li class="menu-item"><a id="statistics">统计信息</a></li>
        <li class="menu-item"><a id="editManage">编辑管理</a></li>
        <li class="menu-item"><a id="doubleColorBallManage">双色球管理</a></li>
        <li class="menu-item"><a id="articleManage">文章管理</a></li>
        <li class="menu-item"><a id="memberManage">会员管理</a></li>
    </ul>
</div>
</body>
</html>